<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ include file="/common/taglibs.jsp"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<%@ include file="/common/meta.jsp"%>
<title>汪星客</title>
</head>
<body>
	<div class="wrap">
		<div class="header_bg">
	        <%@ include file="/common/header.jsp"%>
	    </div>
	    <div class="main_bg">
    		<div class="search box">
	    		<form id="search_form" action="${ctx}/search.jsp" method="get">
	    			<input class="txt" id="search_txt" type="text" defaultValue="输入您的位置" value="北京"/>
	    			<input name="w" type="hidden"/>
	    			<input class="sub" type="submit" value="" />
	    		</form>
    		</div>
	    </div>
	    <div class="main">
	    	<div class="font box">
	        	<h2>想要旅游度假，却担心家中的狗狗无人照顾？简单三步，汪星客帮你解决！</h2>
	        	<div class="main_intro">
	        		<h2><img src="${ctx}/images/main_icon_1.png" />搜索</h2>
	        		<h3>寻找您身边充满爱心的宠物主人</h3>
	        	</div>
	        	<div class="main_intro">
	        		<h2><img src="${ctx}/images/main_icon_2.png" />联系</h2>
	        		<h3>约TA见面聊一聊，并去参观一下狗狗的临时住所</h3>
	        	</div>
	        	<div class="main_intro">
	        		<h2><img src="${ctx}/images/main_icon_3.png" />预订</h2>
	        		<h3>在线预订，狗狗和你将一起享受一份轻松的假期</h3>
	        	</div>
	        </div>  
	    </div>
	    <div class="footer_bg">
	    	<%@ include file="/common/footer.jsp"%>
	    </div>
	</div>
</body>
<script type="text/javascript">
$(function(){
	$("#search_form").on("submit", function(event) {
		if($("#search_txt").attr("defaultValue") == $("#search_txt").val()) {
			return false;
		}
		$("input[name='w']").val(encodeURI($("#search_txt").val()));
		//event.preventDefault();
	});

	$("#search_txt").prompt();
});
</script>
</html>